<template>
	<!-- 根组件 -->
	<transition name="fade">
		<!-- 缓存不活动的组件实例，而不是销毁 -->
		<keep-alive exclude="main">
			<!-- 路由出口 是一个funtional组件-->
			<!-- 路由匹配到的组件将渲染在这里 -->
			<router-view/>
		</keep-alive>
	</transition>
</template>

<script>
	export default {
		name: 'App',
		provide(){  
			return {  
				App: 'App.vue'  
			}  
		}  
	}
</script>